<template>
  <div class="list">
    <el-container>
      <el-main>
        <el-row>
          <el-col :span="18">
            <Main />
          </el-col>
          <el-col :span="6">
            <Content />
            <History />
            <Hot />
          </el-col>
        </el-row>
      </el-main>
    </el-container>
    <Footer />
  </div>
</template>

<script>
import Main from "@/components/list/Main.vue";
import Hot from "@/components/Hot.vue";
import Content from "@/components/Content.vue";
import History from "@/components/History.vue";
import Footer from "@/components/Footer.vue";

export default {
  name: "List",
  components: {
    Main,
    Content,
    History,
    Hot,
    Footer,
  },
};
</script>

<style scoped>
</style> 